{include file="public/header"}
<head>
    <meta charset="utf-8">
    <title>基本信息</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/tt.css"/>
    <style media="screen">
        html body {
            margin: 0;
            padding:0;
            background-color: #EEEEEE;
            width: 100%;
            height: 100%;
            font-size: 14px;
            color: #333333;
            font-weight: 500;
        }
        .flex-wrap{ display: -webkit-box;	display:box;display: -webkit-flex;	display: flex; }
        .flex-con{  -webkit-box-flex: 1;     -webkit-flex: 1;    flex: 1;}
        .flex-vertical{  -webkit-box-horizontal: vertical;-webkit-flex-flow: column; flex-flow: column;}

        .color333 {
            font-size: 14px;
            color: #333; font-weight: normal;
        }

        .color {

        }

        .content {
            width: 1200px;
            margin: 30px auto;
            background-color: #fff;
            border-radius: 3px;
        }

        .base {
            width: 100%;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }

        .base>div:first-child {
            float: left;
            width: 92px;
            height: 42px;
            border-top: 3px solid #0065F0;
            border-right: 1px solid #F4F4F4;
            box-sizing: border-box;
            position: relative;
            line-height: 40px;
            border-radius: 3px;
        }

        .base>div:nth-child(2) {
            float: right;
            width: 1108px;
            height: 42px;
            text-align: left;
            box-sizing: border-box;
            border-bottom: 1px solid #F4F4F4;

        }

        .ling {
            width: 92px;
            height: 100%;
            text-align: center;
            font-size: 14px;
            color: #999999;
            font-weight: normal;
            line-height: 40px;
            border-top: 3px solid #fff;
            box-sizing: border-box;
            cursor: pointer;
        }

        .info{
            /*height: 100%;*/
            background-color: #fff;
            margin-left:125px;
            margin-top: 57px;
            padding-bottom: 57px;
            /*border: 1px solid red;*/
        }
        .item{
            margin-bottom: 10px;
        }
        .item_left{
            width: 138px;

        }
        .img1{
            width: 100px;
            height: 100px;
            border-radius: 4px;
        }
        .color>div{
            width: 520px;
            border-radius: 3px;
            border: 1px solid #ccc;
            padding: 20px;
            font-size: 14px;
            color: #999;
            font-weight: normal;
        }
        .jianjie{
            margin-top: 16px;
        }

        .wrap1 {
            width: 100%;
            background: #3F3F3F;
            height: 30px;
            line-height: 30px;
        }

        .wrap1 .content1 {
            margin: 0 auto;
            width: 1200px;
            font-size: 12px;
            color: #ffffff;
            /*position: relative;*/
            display: flex;
        }

        .kong {
            flex: 1;
        }

        .content12 {
            position: relative;
        }

        .redhot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #BA0000;
            position: absolute;
            left: 24px;
            top: 5px;
        }

        .wrap2 {
            line-height: 60px;
            width: 100%;
            height: 60px;
            background: #ffffff;
        }

        .content2 {
            margin: auto;
            width: 1200px;
            display: flex;
        }

        .content2_left {
            width: 190px;
            font-size: 18px;
            color: #333333;
        }

        .content2_left span {
            display: inline-block;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #0065F0;
            vertical-align: middle;
            margin-right: 11px;
        }

        .content_middle {
            flex: 1;
            text-align: left;
            display: flex;
        }

        .content_right {
            font-size: 16px;
        }

        .content_right img {
            display: inline-block;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            margin-right: 20px;
            vertical-align: middle;
        }

        .content_middle .item {
            width: 152px;
        }

        .content_middle .item.active2 {
            color: #0065F0;
        }

        .wrap3 {
            line-height: 60px;
            width: 100%;
            height: 60px;
            background: #0065F0;
        }

        .content3 {
            margin: auto;
            width: 1200px;
            display: flex;
        }

        .content3-left {
            line-height: 60px;
            color: #ffffff;
            font-size: 16px;
        }
    </style>
</head>

<body>
<div class="wrap3">
    <div class="content3">
        <div class="content3-left">
            任务管理 > 详情
        </div>
    </div>
</div>
<div class="content">
    <div class="base">
        <div class="">基本信息</div>
        <div>
            <div class="ling" onclick="location.href = '/shop/Task/receiveMessage?task_id='+{$data.task_id};">领取信息</div>
        </div>
    </div>
    <div class="info">
        <div class="item flex-wrap">
            <div class="item_left">任务类型：</div>
            <div class="flex-con color333">{$tasktype[$data['task_type']]}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">普通/活动/达人任务：</div>
            <div class="flex-con color333">
                {if $data['task_active'] == 1}普通任务{/if}
                {if $data['task_active'] == 2}活动任务{/if}
                {if $data['task_active'] == 3}达人任务{/if}
            </div>
        </div>
        {if $data['task_active'] == 3 && $data['task_super'] == 2}
        <div class="item flex-wrap">
            <div class="item_left">指定给谁：</div>
            <div class="flex-con color333">{$data['task_superman']}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">是否锁定金额：</div>
            <div class="flex-con color333">{if $data['task_lock'] == 1}锁定{else /}不锁定{/if}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">平台抽佣：</div>
            <div class="flex-con color333">{$data['task_super_admin']}%</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">首付比例：</div>
            <div class="flex-con color333">{$data['task_super_first']}%</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">尾款比例：</div>
            <div class="flex-con color333">{$data['task_super_lase']}%</div>
        </div>
        {/if}
        {if $data.task_type == 5}
        <div class="item flex-wrap">
            <div class="item_left">视频：</div>
            <div class="flex-con color333">
                <video id="showvideo" height="100" width="300" src="{$data.task_href}" controls="controls">
                    您的浏览器不支持 video 标签。
                </video>
            </div>
        </div>
        {/if}
{if $data['task_active'] != 3}
        <div class="item flex-wrap">
            <div class="item_left">任务区域：</div>
            <div class="flex-con color333">{$quyu}</div>
        </div>
{/if}
        <div class="item flex-wrap">
            <div class="item_left">任务总数：</div>
            <div class="flex-con color333">{$data.task_num}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">已完成任务数：</div>
            <div class="flex-con color333">{$data.task_done_num}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">完成率：</div>
            <div class="flex-con color333">{$data.complete}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">单个任务金额：</div>
            <div class="flex-con color333">{$data.task_price}/平台币</div>
        </div>

        <div class="item flex-wrap">
            <div class="item_left">任务名称：</div>
            <div class="flex-con color333">{$data.task_name}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">任务图片：</div>
            <div class="flex-con">
                <img src="{$data.task_image}" alt="" class="img1">
            </div>
        </div>
        {if $data.task_type != 5}
        <div class="item flex-wrap">
            <div class="item_left">任务链接：</div>
            <div class="flex-con color333">{$data.task_href}</div>
        </div>
        {/if}
        <!--另外的仨start-->
        {if $data.task_type == 1}
        <div class="item flex-wrap">
            <div class="item_left">ios下载链接：</div>
            <div class="flex-con color333">{$data.task_href_ios}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">ios包名：</div>
            <div class="flex-con color333">{$data.task_app_ios}</div>
        </div>
        <div class="item flex-wrap">
            <div class="item_left">安卓包名：</div>
            <div class="flex-con color333">{$data.task_app_android}</div>
        </div>
        {/if}
        <!--另外的仨 end-->
        {if $data.task_type == 6}
            {if $data.task_share_type==1}
            <div class="item flex-wrap">
                <div class="item_left">分享类型：</div>
                <div class="flex-con color333">曝光率</div>
            </div>
            <div class="item flex-wrap">
                <div class="item_left">总分享次数：</div>
                <div class="flex-con color333">{$data.task_share_num}</div>
            </div>
            <div class="item flex-wrap">
                <div class="item_left">是否要审核：</div>
                <div class="flex-con color333">
                    {if $data.task_share_submit==1}需要审核{else /}不需要审核{/if}
                </div>
            </div>
            <div class="item flex-wrap">
                <div class="item_left">分享渠道：</div>
                <div class="flex-con color333">
                    {in name="1" value="$data.task_share_qudao"}微信{/in}
                    {in name="2" value="$data.task_share_qudao"} 朋友圈{/in}
                    {in name="3" value="$data.task_share_qudao"} QQ{/in}
                    {in name="4" value="$data.task_share_qudao"} 微博{/in}
                </div>
            </div>
            {else /}
            <div class="item flex-wrap">
                <div class="item_left">分享类型：</div>
                <div class="flex-con color333">到达率</div>
            </div>
            <div class="item flex-wrap">
                <div class="item_left">总到达率：</div>
                <div class="flex-con color333">{$data.task_share_click}</div>
            </div>
            <div class="item flex-wrap">
                <div class="item_left">是否分步骤：</div>
                <div class="flex-con color333">{if $data.task_share_d_fen==1}不分步骤{else /}分步骤{/if}</div>
            </div>
                {if $data.task_share_d_fen==1}
                <div class="item flex-wrap">
                    <div class="item_left">是否要审核：</div>
                    <div class="flex-con color333">
                        {if $data.task_share_submit==1}需要审核{else /}不需要审核{/if}
                    </div>
                </div>
                <div class="item flex-wrap">
                    <div class="item_left">分享渠道：</div>
                    <div class="flex-con color333">
                        {in name="1" value="$data.task_share_qudao"}微信{/in}
                        {in name="2" value="$data.task_share_qudao"} 朋友圈{/in}
                        {in name="3" value="$data.task_share_qudao"} QQ{/in}
                        {in name="4" value="$data.task_share_qudao"} 微博{/in}
                    </div>
                </div>
                {else /}
                <div class="item flex-wrap">
                    <div class="item_left">每步骤完成时间：</div>
                    <div class="flex-con color333">
                        {$data.task_share_timeout} 小时
                    </div>
                </div>
                <div class="item flex-wrap">
                    <div class="item_left">步骤列表：</div>
                    <div class="flex-con color333">
                        {if $sons}
                        {volist name='sons' id='sss'}
                        <p>第{++$key}步、</p>
                        描述：{$sss.tf_desc}<br/>
                        是否需要审核：{if $sss.tf_submit==1}需要审核{else /}不需要审核{/if}<br/>
                        本步骤金额：{$sss.tf_money} 平台币<br/>
                        分享渠道：
                            {in name="1" value="$sss.tf_qudao"}微信{/in}
                            {in name="2" value="$sss.tf_qudao"} 朋友圈{/in}
                            {in name="3" value="$sss.tf_qudao"} QQ{/in}
                        {in name="4" value="$sss.tf_qudao"} 微博{/in}
                        {/volist}
                        {/if}
                    </div>
                </div>
                {/if}

            {/if}
        {/if}
        <div class="item flex-wrap">
            <div class="item_left">任务起止时间：</div>
            <div class="flex-con color333">{$data.task_starttime} - {$data.task_endtime}</div>
        </div>
        <div class="item flex-wrap" style="margin-bottom: 30px;">
            <div class="item_left">任务简介</div>
            <div class="flex-con color">
                <div>
                    <div class="jianjie">
                        {$data.task_content}
                    </div>

                </div>
            </div>
        </div>
        {if $data.task_type == 6}
            <div class="item flex-wrap">
                <div class="item_left">分享内容类型：</div>
                <div class="flex-con color333">
                    {if $data.task_share_content_type==1}
                    编辑器
                    {elseif $data.task_share_content_type==2}
                    链接
                    {else /}
                    图片
                    {/if}
                </div>
            </div>
            {if $data.task_share_content_type==1}
            <div class="item flex-wrap" style="margin-bottom: 40px;">
                <div class="item_left">任务内容</div>
                <div class="flex-con color">
                    <div>
                        {$data.task_share_content}
                    </div>
                </div>
            </div>
            {elseif $data.task_share_content_type==2}
            <div class="item flex-wrap">
                <div class="item_left">任务链接：</div>
                <div class="flex-con color333">{$data.task_share_href}</div>
            </div>
            {else /}
            <div class="item flex-wrap">
                <div class="item_left">分享图片：</div>
                <div class="flex-con color333">
                    <img src="{$data.task_share_wechatpic_old}" style="width: 500px;">
                </div>
            </div>
            {/if}
        {/if}
    </div>
</div>

</body>
{include file="public/footer"}